<!--
 * @description: 首页
 * @Author: Islands
 * @Date: 2024-06-17 22:38:57
 * @LastEditTime: 2024-06-22 00:53:05
-->
<script lang="ts" setup>
import { ref } from 'vue';
import { Avatar } from '@/components/Avatar';
import avatar from '../../assets/gif/loading.gif';
const title = ref('Islands');
</script>
<template>
    <el-card>
        <div class="box">
            <Avatar :src="avatar" shape="circle" :size="80" />

            <div class="title">
                <span class="font-bold font-size-4">早安，{{ title }}, 今天又是充满活力的一天!</span>
                <em class="font-size-3">今日多云转晴，20℃ - 25℃!</em>
            </div>
        </div>
    </el-card>
</template>
<style lang="scss" scoped>
.box {
    display: flex;
    align-items: center;
}

.title {
    display: flex;
    flex-direction: column;
    line-height: 25px;
}
</style>
